<html xmlns="http://www.w3c.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<h:head>
	<style type="text/css">

/* tamaño de fuente base */
.ui-widget .ui-widget {
	font-size: 13px;
}
/* centrar paneles*/
.centrar {
	margin: 0 auto;
}
/* encabezado rojo de tabla */
.ui-resizable-column {
	border: 1px solid #e3a1a1 !important;
	background: #cc0000
		url("/InicialMultiabonos/faces/javax.faces.resource/images/ui-bg_highlight-soft_15_cc0000_1x100.png?ln=primefaces-blitzer")
		50% 50% repeat-x !important;
	color: #ffffff !important;
}
/*tamaño de la pantalla*/
.panel {
	border: none !important;
	width: 1024px !important;
}
/*iconos blancos del encabezado*/
.ui-sortable-column-icon {
	background-image:
		url("/InicialMultiabonos/faces/images/ui-icons_ffffff_256x240.png")
		!important;
}
/* espaciado en encabezado de datatable*/
.ui-datatable th {
	white-space: normal !important;
}
/*ubicacion de icono de sort en las datatable*/
.ui-datatable .ui-sortable-column-icon {
	position: static !important;
}
/*ubicacion de icono de sort en las datatable*/
td.sort {
	font-weight: bold !important;
	text-align: center !important;
	color: white !important;
}
/*tamaño fuente datatable*/
.ui-datatable table {
	font-size: 11px !important;
}
</style>
</h:head>
<h:body>

	<p:panel styleClass="panel">
		<table width="100%">
			<tbody>
				<tr>
					<td><h:graphicImage value="/images/Empresarial_logotipo.jpg"></h:graphicImage></td>
					<td align="right"><h:graphicImage
							value="/images/Empresarial_ico_impresora.gif"
							title="#{msg.imprimir}"></h:graphicImage><h:graphicImage
							value="/images/Empresarial_ico_cerrar.gif" title="#{msg.salir}"></h:graphicImage>
					</td>
				</tr>
			</tbody>
		</table>
		<table width="100%">
			<tbody>
				<tr>
					<td>
						<p style="font-size: 13px">
						<br />
						<br />
							<h:outputLabel value="#{msg.bienvenido}:" />
							<b><h:outputLabel value="#{msg.senor}:" /></b>
						</p>
						<p style="font-size: 13px">
							<h:outputLabel value="#{msg.cc}:" />
						</p>
					</td>
					<td align="right" style="font-size: 11px"><b>--Fecha--</b></td>
				</tr>
			</tbody>
		</table>
		<h2 style="color: #A81918; font-size: 15px">
			<h:outputLabel value="#{msg.consultaDispersionMultiabonos}:" />
		</h2>
		<br />
		<p:panel style="border:none !important;">
			<br />
			<p:dataTable id="cars" var="car" resizableColumns="true"
				value="#{tableBean.datamodel}" selection="#{tableBean.selectedCar}">
				<p:column headerText="#{msg.fechaDispersion}" sortBy="#{car.year}">
					<h:outputText value=" " />
				</p:column>
				<p:column headerText="#{msg.codigoUnico}" sortBy="#{car.year}">
					<h:outputText value=" " />
				</p:column>
				<p:column headerText="#{msg.franquicia}" sortBy="#{car.year}">
					<h:outputText value=" " />
				</p:column>
				<p:column headerText="#{msg.tipoCuentaComercio}"
					sortBy="#{car.year}">
					<h:outputText value=" " />
				</p:column>
				<p:column headerText="#{msg.cuentaComercio}" sortBy="#{car.year}">
					<h:outputText value=" " />
				</p:column>
				<p:column headerText="#{msg.tipoDispersion}" sortBy="#{car.year}">
					<h:outputText value=" " />
				</p:column>
				<p:column headerText="#{msg.valorDispersadoDavivienda}"
					sortBy="#{car.year}">
					<h:outputText value=" " />
				</p:column>
				<p:column headerText="#{msg.valorDispersionCliente}"
					sortBy="#{car.year}">
					<h:outputText value=" " />
				</p:column>
				<p:column headerText="#{msg.nitDestino}" sortBy="#{car.year}">
					<h:outputText value=" ." />
				</p:column>
				<p:column headerText="#{msg.tipoProductoDestino}"
					sortBy="#{car.year}">
					<h:outputText value=" " />
				</p:column>
				<p:column headerText="#{msg.numeroProductoDestino}"
					sortBy="#{car.year}">
					<h:outputText value=" " />
				</p:column>
				<p:column headerText="#{msg.resultado}" sortBy="#{car.year}">
					<h:outputText value=" " />
				</p:column>
				<p:column headerText="#{msg.estado}" sortBy="#{car.year}">
					<h:outputText value=" " />
				</p:column>
			</p:dataTable>
		</p:panel>

	</p:panel>

</h:body>
</html>